/* main */
.swiper-main > .swiper-pagination.swiper-pagination-ring .swiper-pagination-bullet{border-color: #129dd6;}
.swiper-main > .swiper-pagination.swiper-pagination-ring .swiper-pagination-bullet::before{background-color: #129dd6;}
.swiper-main .swiper-pagination-bullet-active{background-color: #fa0;}

@media only screen and (min-width:1025px){
.swiper-main{height: 100vh;}
.swiper-main .mainbox{max-height: 100%;position: relative;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.swiper-main > .swiper-wrapper > .swiper-slide{padding-top: 90px;overflow: hidden;}
.swiper-main > .swiper-wrapper > .swiper-slide.slide-banner,
.swiper-main > .swiper-wrapper > .swiper-slide.slide-foot{padding: 0;}
}
@media only screen and (min-width:1251px){
.swiper-main > .swiper-wrapper > .swiper-slide{padding-top: 100px;}
}
@media only screen and (max-width:1024px){
.swiper-main .mainbox{padding: 50px 0;}
.swiper-main > .swiper-wrapper{flex-wrap: wrap;}
.swiper-main > .swiper-wrapper > .swiper-slide{height: auto;padding: 0;}
}
@media only screen and (max-width:768px){
.swiper-main .mainbox{padding: 45px 0;}
}
@media only screen and (max-width:480px){
.swiper-main .mainbox{padding: 40px 0;}
}
@media only screen and (max-width:425px){
.swiper-main .mainbox{padding: 35px 0;}
}

/* banner */
.slide-banner .mainbox,
.swiper-banner{height: 100%;padding: 0;}
.slide-banner{background: #0c111a;padding: 0;}
.slide-banner ul li a{width: 100%;height: 100%;position: relative;overflow: hidden;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.slide-banner ul li a img{max-width: 132%;max-height: 105%;}

.banner-btn.swiper-button-prev{left: 4%;}
.banner-btn.swiper-button-next{right: 4%;}

@media only screen and (max-width:1440px){
.banner-btn.swiper-button-prev{left: 2%;}
.banner-btn.swiper-button-next{right: 2%;}
}
@media only screen and (max-width:1024px){
.slide-banner ul li a{height: auto;}
.slide-banner ul li a img{max-width: 136%;margin: -5% -18%;}
.banner-btn{display: none;}
}
@media only screen and (max-width:600px){
.slide-banner ul li a img{margin: 0 -16%;}
.slide-banner .mainbox{padding-top: 15px;}
}
@media only screen and (max-width:425px){
.slide-banner .mainbox{padding-top: 25px;}
}

/* title */
.home_title{line-height: 1;text-align: center;padding-bottom: 50px;}
.home_title p{font-size: 40px;font-weight: 600;}
.home_title span{font-size: 16px;color: #666;padding-top: 19px;display: block;}

@media only screen and (max-width:1440px){
.home_title{padding-bottom: 45px;}
}
@media only screen and (max-width:1250px){
.home_title{padding-bottom: 40px;}
.home_title p{font-size: 36px;}
.home_title span{font-size: 15px;}
}
@media only screen and (max-width:1024px){
.home_title{padding-bottom: 35px;}
.home_title p{font-size: 30px;}
.home_title span{font-size: 14px;padding-top: 16px;}
}
@media only screen and (max-width:768px){
.home_title{padding-bottom: 30px;}
}
@media only screen and (max-width:480px){
.home_title p{font-size: 25px;}
.home_title span{padding-top: 11px;}
}
@media only screen and (max-width:425px){
.home_title{padding-bottom: 25px;}
}

/* product */
.slide-product .clalist{padding-bottom: 40px;position: relative;z-index: 5;}
.slide-product .clalist ul{margin: 0 -5px;flex-wrap: wrap;justify-content: center;}
.slide-product .clalist ul li{width: 20%;max-width: 150px;float: left;flex-shrink: 0;padding: 0 5px 10px;text-align: center;position: relative;z-index: 1;}
.slide-product .clalist ul li a{display: block;line-height: 20px;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.slide-product .clalist ul li .f1 a{font-size: 15px;line-height: 25px;padding: 9px 4px;border: 1px solid #ddd;}
.slide-product .clalist ul li .cover{width: 100%;height: 100%;position: absolute;right: 0;top: 0;}
.slide-product .clalist ul li .arrow{width: 100%;height: 0;color: #2b91d9;background: #fff;overflow: hidden;position: absolute;right: 0;bottom: 0;margin-bottom: 5px;opacity: 0;}

.slide-product .clalist ul li dl{position: absolute;left: 5px;right: 5px;top: 100%;margin-top: -5px;border-radius: 5px;overflow: hidden;opacity: 0;background: #fff;}
.slide-product .clalist ul li dl a{height: 0;background: #2b91d9;color: #fff;}
.slide-product .clalist ul li dl dt:first-child a{margin: 0;}
.slide-product .clalist ul li dl a:hover{background: #096cb3;}

.slide-product .clalist ul li:hover{z-index: 5;}
.slide-product .clalist ul li:hover .f1 a{background: #096cb3;border-color: #096cb3;color: #fff;}
.slide-product .clalist ul li:hover .cover{width: 0;}
.slide-product .clalist ul li:hover .arrow{height: 10px;opacity: 1;}
.slide-product .clalist ul li:hover dl{opacity: 1;}
.slide-product .clalist ul li:hover dl a{height: 40px;padding: 10px 5px;margin-top: 1px;}

.swiper-product{padding-bottom: 55px;}
.swiper-product ul li{width: 25%;float: left;text-align: center;}
.swiper-product ul li a{display: block;width: 100%;height: 100%;background: #fff;padding: 9px;border: 1px solid #ddd;}
.swiper-product ul li p{width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;position: relative;}
.swiper-product ul li p img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.swiper-product ul li h3{display: block;line-height: 25px;padding: 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 5px;}
.swiper-product ul li:hover a{border-color: #2b91d9;box-shadow: 0 5px 15px rgba(0,0,0,.1);}

.swiper-product .swiper-pagination{bottom: 0;}

@media only screen and (max-width:1440px){
.slide-product .clalist{padding-bottom: 35px;}
.slide-product .clalist ul li .arrow,
.slide-product .clalist ul li dl{margin: 0;}
.swiper-product{padding-bottom: 50px;}
}
@media only screen and (max-width:1250px){
.slide-product .clalist{padding-bottom: 30px;}
.swiper-product{padding-bottom: 45px;}
}
@media only screen and (max-width:1024px){
.slide-product .clalist{padding-bottom: 25px;}
.slide-product .clalist ul{margin: 0 -2px;}
.slide-product .clalist ul li{padding: 0 2px 4px;}
.slide-product .clalist ul li .f1 a{line-height: 20px;}
.slide-product .clalist ul li .arrow{margin-bottom: -8px;}
.slide-product .clalist ul li dl{left: 1px;right: 1px;top: 100%;margin-top: 8px;}
.swiper-product{padding-bottom: 40px;}
.swiper-product ul li a{padding: 4px;}
.swiper-product ul li h3{line-height: 20px;}
}
@media only screen and (max-width:768px){
.slide-product .clalist ul{justify-content: left;margin: 0 -1px;}
.slide-product .clalist ul li{width: 25%;max-width: none;padding: 0 1px 2px;}
.swiper-product{padding-bottom: 35px;}
}
@media only screen and (max-width:600px){
.slide-product .clalist ul li{width: 33.333%;}
}
@media only screen and (max-width:480px){
.slide-product .clalist ul li{width: 50%;}
}
@media only screen and (max-width:425px){
.slide-product .clalist{padding-bottom: 20px;}
.slide-product .clalist ul li{width: 50%;}
.swiper-product ul li h3{padding: 5px 0;}
}

/* company */
.slide-company{background: #0d1418 url(../images/bg1.jpg) center no-repeat;background-size: cover;}
.slide-company .mainbox{text-align: center;}
.slide-company .titl{display: inline-block;position: relative;}
.slide-company .titl p{font-size: 40px;font-weight: 600;color: #fff;line-height: 1;}
.slide-company .titl p a{color: #fff;}
.slide-company .titl span{width: 50px;height: 30px;border-bottom: 3px solid #fff;display: block;margin: 0 auto;}
.slide-company .titl:hover p a{color: #399ee5;}
.slide-company .titl:hover span{width: 100%;border-color: #399ee5;}

.slide-company .text{width: 100%;max-width: 1200px;height: 10em;font-size: 18px;line-height: 2;color: #fff;text-indent: 2em;overflow: hidden;margin: 30px auto 50px;}

.slide-company .list{width: 100%;max-width: 1200px;margin: 0 auto;}
.slide-company .list ul{flex-wrap: nowrap;margin: 0 -5px;}
.slide-company .list ul li{width: 25%;float: left;flex-shrink: 0;border-left: 1px solid rgba(255,255,255,.25);}
.slide-company .list ul li:first-child{border: none;}
.slide-company .list ul li div{width: 100%;height: 100%;padding: 5px 5%;color: #fff;font-size: 16px;line-height: 20px;}
.slide-company .list ul li em{display: block;height: 60px;}
.slide-company .list ul li em img{height: 100%;}
.slide-company .list ul li p{display: inline-block;max-width: 100%;padding: 20px 20px 10px;position: relative;overflow: hidden;}
.slide-company .list ul li p strong{font-size: 50px;font-weight: normal;line-height: 1;}
.slide-company .list ul li p i{width: 26px;height: 26px;padding: 3px;font-style: normal;background: #096cb3;border-radius: 15px;position: absolute;right: 0;bottom: 10px;}
.slide-company .list ul li span{display: block;height: 20px;}

@media only screen and (max-width:1440px){
.slide-company .text{margin: 30px auto;}
}
@media only screen and (max-width:1250px){
.slide-company .titl p{font-size: 36px;}
}
@media only screen and (max-width:1024px){
.slide-company .titl p{font-size: 30px;padding-top: 10px;}
.slide-company .titl span{height: 20px;}
.slide-company .text{height: auto;font-size: 16px;margin: 25px auto;}
.slide-company .list{padding: 2% 0 1.5%;}
.slide-company .list ul li em{height: 50px;}
.slide-company .list ul li p strong{font-size: 40px;}
}
@media only screen and (max-width:768px){
.slide-company .titl p{padding-top: 5px;}
.slide-company .text{margin: 20px auto;}
.slide-company .list{padding: 2% 0 1%;}
.slide-company .list ul li p{padding: 20px 0 10px;}
.slide-company .list ul li p i{display: none;}
}
@media only screen and (max-width:600px){
.slide-company .list ul li em{height: 45px;}
.slide-company .list ul li p{padding: 15px 0 5px;}
.slide-company .list ul li p strong{font-size: 36px;}
}
@media only screen and (max-width:480px){
.slide-company .titl p{font-size: 25px;}
.slide-company .titl span{width: 40px;border-width: 2px;}
.slide-company .list{padding: 5px 0;}
.slide-company .list ul{flex-wrap: wrap;}
.slide-company .list ul li{width: 50%;border: none;padding: 5px;}
.slide-company .list ul li div{background: #096cb3;border-radius: 5px;padding: 10% 5%;}
.slide-company .list ul li:hover div{background: #2b91d9;}
.slide-company .list ul li span{height: auto;}
}
@media only screen and (max-width:425px){
.slide-company .list ul{margin: 0 -2px;}
.slide-company .list ul li{padding: 2px;}
}

/* case */
.slide-case{background: #f5f5f5;}
.slide-case ul{margin: -5px;}
.slide-case ul li{width: 33.333%;float: left;padding: 5px;text-align: center;position: relative;z-index: 1;}
.slide-case ul li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.slide-case ul li p{width: 100%;height: 0;padding-bottom: 60%;overflow: hidden;background: #fff;position: relative;}
.slide-case ul li p img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.slide-case ul li h3{width: 100%;background: rgba(10,110,180,.9);font-size: 15px;color: #fff;line-height: 20px;padding: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: absolute;left: 0;bottom: -40px;}
.slide-case ul li:hover h3{bottom: 0;}

@media only screen and (max-width:1024px){
.slide-case ul{margin: 0 -2px;}
.slide-case ul li{padding: 0 2px 4px;}
.slide-case ul li h3{padding: 5px;}
}
@media only screen and (max-width:768px){
.slide-case ul li{width: 50%;}
}

/* news */
.slide-news .clalist{width: 340px;margin: 0 auto 40px;padding-bottom: 10px;position: relative;overflow: hidden;margin-top: -5px;}
.slide-news .clalist p{width: 50%;float: left;padding: 0 10px;text-align: center;position: relative;}
.slide-news .clalist p a{display: block;font-size: 16px;font-weight: 600;color: #808080;line-height: 25px;padding: 9px;background: #fff;border: 1px solid #ddd;}
.slide-news .clalist p em{width: 100%;height: 100%;position: absolute;right: 0;top: 0;}
.slide-news .clalist span{width: 50%;height: 10px;background: url(../images/icon3.png) center top no-repeat;position: absolute;left: 0;bottom: 0;}
.slide-news .clalist p:hover a,
.slide-news .clalist p.active a{color: #fff;background: #096cb3;border-color: #096cb3;}
.slide-news .clalist p.active em{width: 0;}

.slide-news .newslist{flex-wrap: nowrap;position: relative;left: 0;margin: 0 -10px;}
.slide-news .list{width: 100%;float: left;flex-shrink: 0;padding: 0 10px;}
.slide-news .list ul{width: 100%;overflow: hidden;}
.slide-news .list ul li .txt{width: 100%;font-size: 15px;color: #808080;line-height: 24px;position: relative;overflow: hidden;}
.slide-news .list ul li .txt .titl a{max-width: 100%;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block;}
.slide-news .list ul li .txt .time{width: 100px;color: #999;white-space: nowrap;text-align: center;padding-left: 20px;background: none left 4px no-repeat;position: absolute;}
.slide-news .list ul li .txt .text{width: 100%;overflow: hidden;}
.slide-news .list ul li .txt .text br{display: none;}

.slide-news .list ul .li_left{width: 42%;max-width: 600px;float: left;}
.slide-news .list ul .li_left .pic{width: 100%;overflow: hidden;background: #f5f5f5;}
.slide-news .list ul .li_left .pic a{display: block;width: 600px;height: 0;padding-bottom: 400px;position: relative;left: 50%;top: 0;margin-left: -300px;}
.slide-news .list ul .li_left .pic a img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.slide-news .list ul .li_left .txt{margin-top: -44px;z-index: 5;}
.slide-news .list ul .li_left .txt .titl a{width: 100%;padding: 10px 120px 10px 10px;color: #fff;background: rgba(0,0,0,.9);}
.slide-news .list ul .li_left .txt .time{background-image: url(../images/icon5.png);right: 10px;top: 10px;color: rgba(255,255,255,.5);}
.slide-news .list ul .li_left .txt .text{height: 60px;padding: 0 10px;line-height: 30px;margin: 10px 0;}

.slide-news .list ul .li_left .txt .titl a:hover{background: #096cb3;}
.slide-news .list ul .li_left .txt:hover .time{background-image: url(../images/icon6.png);color: #fff;}

.slide-news .list ul .li_right{width: 55%;max-width: 760px;float: right;border-bottom: 1px dashed #ddd;margin-bottom: 10px;padding-bottom: 9px;}
.slide-news .list ul .li_right.li_1{display: none;}
.slide-news .list ul .li_right.li_2{margin-top: -10px;}
.slide-news .list ul .li_right .txt .titl{padding-right: 110px;}
.slide-news .list ul .li_right .txt .titl a{line-height: 20px;padding: 20px 0;}
.slide-news .list ul .li_right .txt .time{background-image: url(../images/icon4.png);left: 100%;top: 18px;margin-left: -100px;}
.slide-news .list ul .li_right .txt .text{height: 0;margin: 0;opacity: 0;}

.slide-news .list ul .li_right:hover .txt .titl,
.slide-news .list ul li.active .txt .titl{padding: 0 0 10px;}
.slide-news .list ul .li_right:hover .txt .titl a,
.slide-news .list ul li.active .txt .titl a{color: #096cb3;}
.slide-news .list ul .li_right:hover .txt .time,
.slide-news .list ul li.active .txt .time{left: 0;top: 50px;margin: 0;color: #096cb3;background-image: url(../images/icon7.png);}
.slide-news .list ul .li_right:hover .txt .text,
.slide-news .list ul li.active .txt .text{height: 50px;margin: 15px 0;opacity: 1;}

@media only screen and (max-width:1440px){
.slide-news .clalist{margin-bottom: 35px;}
.slide-news .list ul .li_left .pic a{width: 582px;padding-bottom: 388px;margin-left: -291px;}
.slide-news .list ul .li_left .txt .text{margin-bottom: 2px;}
.slide-news .list ul .li_right{margin-bottom: 8px;padding-bottom: 7px;}
}
@media only screen and (max-width:1250px){
.slide-news .clalist{margin-bottom: 30px;}
.slide-news .list ul li .txt{font-size: 14px;}
.slide-news .list ul li .txt .titl a{font-size: 16px;}
.slide-news .list ul li .txt .time{width: 95px;}
.slide-news .list ul .li_left{width: 45%;}
.slide-news .list ul .li_left .pic a{width: 540px;padding-bottom: 360px;margin-left: -270px;}
.slide-news .list ul .li_left .txt .titl a{padding-right: 110px;}
.slide-news .list ul .li_left .txt .text{margin: 10px 0;line-height: 24px;height: 50px;}
.slide-news .list ul .li_right{width: 53%;margin-bottom: 5px;padding-bottom: 4px;}
.slide-news .list ul .li_right .txt .titl{padding-right: 100px;}
.slide-news .list ul .li_right .txt .time{margin-left: -95px;}
}
@media only screen and (max-width:1024px){
.slide-news .clalist{margin-top: 0;}
.slide-news .list ul li .txt{font-size: 15px;}
.slide-news .list ul li .txt .titl a{font-size: 18px;}
.slide-news .list ul li .txt .time{width: 100px;}
.slide-news .list ul .li_left{width: 100%;max-width: 100%;padding: 0 0 19px 230px;position: relative;border-bottom: 1px dashed #ddd;margin-bottom: 5px;}
.slide-news .list ul .li_left .pic{width: 200px;position: absolute;left: 0;top: 0;}
.slide-news .list ul .li_left .pic a{width: 100%;padding-bottom: 75%;left: 0;-webkit-transform: none;-moz-transform: none;transform: none;margin: 0;}
.slide-news .list ul .li_left .txt{margin: 0;}
.slide-news .list ul .li_left .txt .titl{padding: 0;}
.slide-news .list ul .li_left .txt .titl a{padding: 10px 0;color: #333;background: none;}
.slide-news .list ul .li_left .txt .time{position: relative;color: #999;background-image: url(../images/icon4.png);right: auto;left: 0;top: 0;}
.slide-news .list ul .li_left .txt .text{line-height: 24px;height: 72px;padding: 0;margin-bottom: 0;}
.slide-news .list ul .li_left .txt .titl a:hover{background: none;}
.slide-news .list ul .li_left .txt:hover .titl a{color: #096cb3;}
.slide-news .list ul .li_left .txt:hover .time{color: #096cb3;background-image: url(../images/icon7.png);}
.slide-news .list ul .li_right{width: 100%;max-width: 100%;}
.slide-news .list ul .li_right.li_2{margin-top: 0;}
.slide-news .list ul .li_right .txt .titl{padding-right: 110px;}
.slide-news .list ul .li_right .txt .titl a{padding: 15px 0;}
.slide-news .list ul .li_right .txt .time{margin-left: -100px;top: 13px;}
.slide-news .list ul .li_right .txt .text{height: auto;line-height: 0;}
.slide-news .list ul .li_right:hover .txt .time{top: 45px;}
.slide-news .list ul .li_right:hover .txt .text{height: auto;line-height: 24px;margin-bottom: 10px;}
}
@media only screen and (max-width:768px){
.slide-news .clalist{margin-bottom: 25px;}
.slide-news .list ul li .txt{font-size: 14px;}
.slide-news .list ul li .txt .titl a{font-size: 16px;}
.slide-news .list ul li .txt .time{width: 95px;}
.slide-news .list ul .li_left{padding: 0 0 14px 175px;}
.slide-news .list ul .li_left .pic{width: 160px;}
.slide-news .list ul .li_left .txt .titl a{line-height: 20px;padding: 5px 0;}
.slide-news .list ul .li_left .txt .text{line-height: 20px;height: 60px;margin-top: 5px;}
.slide-news .list ul .li_right .txt .titl{padding-right: 100px;}
.slide-news .list ul .li_right .txt .titl a{padding: 10px 0;}
.slide-news .list ul .li_right .txt .time{margin-left: -95px;top: 8px;}
.slide-news .list ul .li_right:hover .txt .titl a{padding-top: 15px;}
.slide-news .list ul .li_right:hover .txt .time{top: 40px;}
.slide-news .list ul .li_right:hover .txt .text{line-height: 20px;}
}
@media only screen and (max-width:480px){
.slide-news .clalist{width: 280px;margin-bottom: 20px;}
.slide-news .clalist p{padding: 0 5px;}
.slide-news .clalist p a{line-height: 20px;}
.slide-news .list ul li .txt .titl a{font-size: 15px;font-weight: 600;}
.slide-news .list ul .li_left{padding: 0;}
.slide-news .list ul .li_left .pic{width: 100%;position: relative;}
.slide-news .list ul .li_left .txt{padding: 10px 0;}
.slide-news .list ul .li_left .txt .text{height: auto;}
}
@media only screen and (max-width:425px){
.slide-news .newslist .list ul li .txt .titl a{padding-left: 20px;background: url(../nyimages/newsico.png) left center no-repeat;}
.slide-news .list ul .li_right .txt .titl{padding-right: 0;}
.slide-news .list ul .li_right .txt .time{left: 0;top: 40px;opacity: 0;}
.slide-news .list ul .li_right:hover .txt .time{opacity: 1;margin: 0;}
}

/* contact */
.slide-contact{background: #0e2649 url(../images/bg2.jpg) center no-repeat;background-size: cover;}
.slide-contact .home_title p a,
.slide-contact .home_title span{color: #fff;}
.slide-contact .home_title p a:hover{color: #129dd6;}

.slide-contact .cont{width: 95%;max-width: 1200px;margin: 30px auto 0;flex-wrap: nowrap;justify-content: space-between;}
.slide-contact .texbox,
#order{width: 48%;max-width: 550px;float: left;flex-shrink: 0;overflow: hidden;}

.slide-contact .texbox{background: rgba(255,255,255,.2);border-radius: 5px;padding: 4% 5%;color: #fff;}
.slide-contact .texbox .titl{font-size: 30px;line-height: 1;white-space: nowrap;font-weight: 600;padding: 5px 0 15px;}
.slide-contact .texbox p{font-size: 16px;line-height: 24px;padding: 5px 0;}

#order ul{margin: -10px -10px 0;overflow: hidden;}
#order ul li{width: 50%;float: left;padding: 10px;position: relative;}
#order ul li .txt{display: block;width: 100%;height: 40px;background: #fff;border: 1px solid #ddd;border-radius: 3px;padding: 10px;line-height: 18px;}
#order ul li .red{width: 10px;position: absolute;right: 10px;top: 50%;color: #e00;margin-top: -6px;}

#order ul li.li_1{width: 100%;}
#order ul li.li_1 .txt{height: 120px;}
#order ul li.li_3 img{position: absolute;right: 25px;top: 50%;margin-top: -9px;cursor: pointer;}
#order ul li.li_4{max-width: 220px;padding: 20px 10px 0;}
#order ul li.li_4 .tj{display: block;width: 100%;font-size: 16px;font-weight: 600;line-height: 20px;padding: 15px;background: #1378bf;border-radius: 3px;color: #fff;cursor: pointer;}
#order ul li.li_4 .tj:hover{background: #2b91d9;}

@media only screen and (max-width:1440px){
.slide-contact .cont{margin-top: 20px;}
}
@media only screen and (max-width:1250px){
.slide-contact .texbox{padding-top: 5%;}
.slide-contact .texbox .titl{font-size: 24px;}
.slide-contact .texbox p{font-size: 15px;}
}
@media only screen and (max-width:1024px){
.slide-contact .home_title{padding-top: 10px;}
.slide-contact .cont{margin: 10px auto;width: 100%;}
.slide-contact .texbox{width: 49%;padding: 3.5% 4% 3%;}
.slide-contact .texbox p{line-height: 20px;}
#order{width: 49%;}
#order ul{margin: -5px -5px 0;}
#order ul li{padding: 5px;}
#order ul li.li_4{width: 100%;max-width: 100%;padding: 15px 5px 0;}
}
@media only screen and (max-width:768px){
.slide-contact .cont{margin-top: 5px;flex-wrap: wrap;}
.slide-contact .texbox{width: 100%;max-width: 100%;padding: 6% 7% 5%;}
.slide-contact .texbox p{line-height: 20px;}
#order{width: 100%;max-width: 100%;padding-top: 5%;}
#order ul{margin: -5px -5px 0;}
#order ul li{padding: 5px;}
#order ul li.li_4{width: 100%;max-width: 100%;padding: 15px 5px 0;}
}
@media only screen and (max-width:425px){
.slide-contact .texbox .titl{font-size: 20px;}
#order ul li{width: 100%;}
#order ul li.li_3{max-width: 240px;}
#order ul{margin: -5px -5px 0;}
#order ul li{padding: 5px;}
#order ul li.li_4{width: 100%;max-width: 100%;padding: 15px 5px 0;}
}










@media only screen and (min-width:1025px){
.online_box{bottom: 0;-webkit-transform: none;transform: none;}
.online_box p img{top: 50%;}
.online_box p:hover img{margin-top: -69px;width: 137px;height: 137px;}
}